<template>


    <el-row :gutter="6">
        <el-col :span="5" v-for=" ( item, index ) in data" :key="index">
            <el-card shadow="always">
                <i :class="item.icon"></i>
                {{ item.title }}
            </el-card>
        </el-col>
    </el-row>
</template>

<script setup>

import { ref } from 'vue'

const data = ref([
    { title: '用户管理', icon: " iconfont icon-yonghuguanli" },
    { title: '系统设置', icon: " iconfont icon-xitongshezhi" },
    { title: '商品', icon: "iconfont icon-shangpin" },
    { title: '订单管理', icon: " iconfont icon-dingdanguanli" },
    { title: '短信配置', icon: " iconfont icon-duanxinpeizhi" },
    { title: '文章管理', icon: " iconfont icon-wenzhangguanli" },
    { title: '分销管理', icon: " iconfont icon-fenxiaoguanli" },
    { title: '优惠券', icon: "iconfont icon-youhuiquan" },
])

</script>

<style lang="scss" scoped>
.el-row {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}


</style>